﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>音乐</title>
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/font-awesome.min.css">
	</head>
	<body>
		<div id="all">
			<div id="one">
				<audio id="music">
					<source src="music/你好，我叫许先生 - 陪你度过漫长岁月 (原唱_陈奕迅).mp3" type="audio/mp3">
				</audio>
				<div id="button">
					<button title="循环播放"><i class="fa fa-retweet fa-lg"></i></button>
					<button title="上一曲"><i class="fa fa-backward fa-2x"></i></button>
					<button title="播放" id="play" onclick="playfun()"><i id="i" class="fa fa-play fa-3x"></i></button>
					<button title="下一曲"><i class="fa fa-forward fa-2x"></i></button>
					<button title="顺序播放"><i class="fa fa-random fa-lg"></i></button>
				</div>
				<div class="q">
					<input type="range" min="0" max="10" step="1" value="1">
				</div>
				<div class="geci">
					<div class="music1">陪你度过漫长岁月</div>
					<div class="music2">陈奕迅</div>
					<div id="label">
						<label for="geci" id="lab"><i id="i2" class="fa fa-caret-up fa-lg"></i></label>
						<input onclick="label()" type="checkbox" hidden="hidden" id="geci">
						</div>
					<div class="geci1">
						<p>陪你度过漫长岁月</p>
						<p>演唱：陈奕迅</p>
						<p>走过了人来人往 不喜欢也得欣赏</p>
						<p>我是沉默的存在 不当你世界 只作你肩膀</p>
						<p>拒绝成长到成长 变成想要的模样</p>
						<p>在举手投降以前 让我再陪你一段</p>
						<p>陪你把沿路感想活出了答案</p>
						<p>陪你把独自孤单变成了勇敢</p>
						<p>一次次失去又重来 我没离开</p>
						<p>陪伴是 最长情的告白</p>
						<p>陪你把想念的酸 拥抱成温暖</p>
						<p>陪你把彷徨 写出情节来</p>
						<p>未来多漫长 再漫长 还有期待</p>
						<p>陪伴你 一直到 故事给说完</p>
						<p>让我们静静分享 此刻难得的坦白</p>
						<p>只是无声地交谈 都感觉幸福 感觉不孤单</p>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/index.js">
		</script>
	</body>
</html>